// oldPage----------------------------------------
.old-page {
    ul {
        width: 100%;
        height: 100%;
        p {
            color: #707070;
            font-size: 0.24rem;
            line-height: 0.42rem;
        } // 公共部分
        .child {
            display: none;
            width: 100%;
            height: 100%;
            .child-title {
                width: 100%;
                height: 1.2rem;
                line-height: 1.2rem;
                text-align: center;
                color: #007ae1;
                font-size: 0.42rem;
            }
            .video-slide {
                position: relative;
                width: 100%;
                height: 3.3rem;
                margin-bottom: 0.3rem;
                .box {
                    width: 5.88rem;
                    height: 3.3rem;
                    .video-start {
                        width: 5.88rem;
                        height: 3.3rem;
                    }
                    .mask {
                        background: rgba(0, 0, 0, 0.3);
                        z-index: 1;
                    }
                    .play-icon {
                        width: 0.81rem;
                        height: 0.81rem;
                        background: url('../img/play-icon.png') no-repeat center / cover;
                        z-index: 3;
                    }
                }
            }
            .text-slide {
                position: relative;
                width: 100%;
                height: 5.2rem;
                .box {
                    width: 6rem;
                    height: 100%;
                    p {
                        font-size: 0.24rem;
                        width: 100%;
                    }
                    .product-title {
                        font-size: 0.32rem;
                        font-weight: bolder;
                        width: 100%;
                        height: 0.5rem;
                        text-align: center;
                        line-height: 0.5rem;
                        color: #258de4;
                    }
                    .product-name {
                        text-align: center;
                        color: #707070;
                        line-height: 0.42rem;
                    }
                    .product-about {
                        color: #909090;
                        line-height: 0.42rem;
                    }
                }
            }
            .child-long-wrap {
                width: 100%;
                height: 8.6rem;
                .swiper-container {
                    width: 100%;
                    height: 100%;
                    .video-slide {
                        margin-bottom: 1rem;
                    }
                    .swiper-pagination {
                        bottom: 4.5rem;
                    }
                }
            }
        }
        .child.show {
            display: block;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        .znhl {
            .slide00 {
                .video-start {
                    background: url('../img/znhl-child-video00.jpg') no-repeat center / cover;
                }
            }
            .slide01 {
                .video-start {
                    background: url('../img/znhl-child-video01.jpg') no-repeat center / cover;
                }
                .text-slide .box {
                    .second {
                        // color: #303030;
                    }
                }
            }
            .slide02 {
                .text-slide .box .product-name {
                    font-size: 0.2rem;
                }
                .video-start {
                    background: url('../img/znhl-child-video02.jpg') no-repeat center / cover;
                }
            }
            .slide03 {
                .video-start {
                    background: url('../img/znhl-child-video03.jpg') no-repeat center / cover;
                }
            }
            .slide04 {
                .video-start {
                    background: url('../img/znhl-child-video04.jpg') no-repeat center / cover;
                }
            }
        }
        .yxkf {
            .video-slide {
                width: 100%;
                height: 3.64rem;
                .box {
                    width: 6.20rem;
                    height: 3.64rem;
                    .video-start {
                        width: 6.20rem;
                        height: 3.64rem;
                    }
                    .mask {
                        width: 5.86rem;
                        height: 3.3rem;
                    }
                }
            }
            .slide01 {
                .video-start {
                    background: url('../img/yxkf-child-video01.png') no-repeat center / cover;
                }
            }
            .slide02 {
                .video-start {
                    background: url('../img/yxkf-child-video02.png') no-repeat center / cover;
                }
            }
            .slide03 {
                .video-start {
                    background: url('../img/yxkf-child-video03.png') no-repeat center / cover;
                }
            }
            .slide04 {
                .video-start {
                    background: url('../img/yxkf-child-video04.png') no-repeat center / cover;
                }
            }
            .slide05 {
                .video-start {
                    background: url('../img/yxkf-child-video05.png') no-repeat center / cover;
                }
            }
            .slide06 {
                .video-start {
                    background: url('../img/yxkf-child-video06.png') no-repeat center / cover;
                }
            }
        }
        .qnbj {
            .video-slide {
                height: 3.8rem;
                .box {
                    height: 3.8rem;
                    .top-tag {
                        position: absolute;
                        top: -0.32rem;
                        left: 0;
                        line-height: 0.32rem;
                        font-size: 0.24rem;
                        color: #a1a1a1;
                    }
                }
                .swiper-pagination {
                    bottom: 0;
                }
                .video-start {
                    background: no-repeat center / cover;
                }
                .slide00 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img00.jpg');
                    }
                }
                .slide01 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img01.jpg');
                    }
                }
                .slide02 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img02.jpg');
                    }
                }
                .slide03 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img03.jpg');
                    }
                }
                .slide04 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img04.jpg');
                    }
                }
                .slide05 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img05.jpg');
                    }
                }
                .slide06 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img06.jpg');
                    }
                }
                .slide07 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img07.jpg');
                    }
                }
                .slide08 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img08.jpg');
                    }
                }
                .slide09 {
                    .video-start {
                        background-image: url('../img/qnbj-child-img09.jpg');
                    }
                }
            }
            .text-slide {
                .box {
                    width: 6.2rem;
                    height: 100%;
                    ul {
                        width: 100%;
                        height: 100%;
                    }
                    li {
                        width: 100%;
                        height: auto;
                        margin-bottom: 0.1rem;
                        .wrap {
                            position: relative;
                            display: -moz-box;
                            display: -webkit-box;
                            display: box;
                            width: 100%;
                            height: 100%;
                        }
                        .head {
                            position: relative;
                            width: 1.7rem;
                            height: auto;
                            .qnbj-child-head {
                                width: 1.39rem;
                                height: 1.39rem;
                                background: no-repeat center / cover;
                            }
                        }
                        .qnbj-child-head.icon01 {
                            background-image: url('../img/qnbj-head-icon01.png');
                        }
                        .qnbj-child-head.icon02 {
                            background-image: url('../img/qnbj-head-icon02.png');
                        }
                        .qnbj-child-head.icon03 {
                            background-image: url('../img/qnbj-head-icon03.png');
                        }
                        .cont {
                            -moz-box-flex: 1;
                            -webkit-box-flex: 1;
                            box-flex: 1;
                            .text {
                                font-size: 0.24rem;
                                line-height: 0.42rem;
                                color: #a1a1a1;
                            }
                            .prize {
                                width: 100%;
                                height: auto;
                                display: -moz-box;
                                display: -webkit-box;
                                display: box;
                                color: #007ae1;
                                .left {
                                    text-align: left;
                                }
                                .right {
                                    text-align: right;
                                    -moz-box-flex: 1;
                                    -webkit-box-flex: 1;
                                    box-flex: 1;
                                }
                            }
                            .about {
                                line-height: 0.32rem;
                            }
                        }
                    }
                    li:nth-child(1) {
                        .head {
                            height: 1.39rem;
                        }
                    }
                    li:nth-child(2) {
                        .head {
                            height: 1.8rem;
                        }
                    }
                    li:nth-child(3) {
                        .head {
                            height: 1.39rem;
                        }
                    }
                }
            }
        }
        .qnyy {
            .child-long-wrap .swiper-container .swiper-slide {
                .video-slide {
                    margin-bottom: 0.4rem;
                }
            }
            .video-start {
                background: url('../img/qnyy-child-video01.jpg') no-repeat center / cover;
            }
            .product-about {
                span {
                    color: #303030;
                    line-height: 0.6rem;
                }
            }
        }
        .cysj {
            .slide01 {
                .video-start {
                    background: url('../img/cysj-child-img01.jpg') no-repeat center / cover;
                }
            }
            .slide02 {
                .video-start {
                    background: url('../img/cysj-child-img02.jpg') no-repeat center / cover;
                }
            }
            .slide03 {
                .video-start {
                    background: url('../img/cysj-child-img03.jpg') no-repeat center / cover;
                }
            }
        }
        .tmcy {
            .text-slide {
                .box {
                    .product-title {
                        span {
                            color: #707070;
                        }
                    }
                }
            }
            .slide01 {
                .video-start {
                    background: url('../img/tmcy-child-img01.jpg') no-repeat center / cover;
                }
            }
            .slide02 {
                .video-start {
                    background: url('../img/tmcy-child-img02.jpg') no-repeat center / cover;
                }
            }
            .slide03 {
                .video-start {
                    background: url('../img/tmcy-child-img03.jpg') no-repeat center / cover;
                }
            }
            .slide04 {
                .video-start {
                    background: url('../img/tmcy-child-img04.jpg') no-repeat center / cover;
                }
            }
        }
        .aiaq {
            .video-start {
                background: url('../img/aiaq-child-video01.png') no-repeat center / cover;
            }
        } // 原创文学
        .ycwx {
            .about {
                width: 6.1rem;
                height: auto;
                margin: 0 auto;
            }
            .name-list {
                margin-top: 0.4rem;
                position: relative;
                width: 100%;
                height: 4.8rem;
                .box {
                    width: 6.1rem;
                    height: 4.8rem;
                    display: -moz-box;
                    display: -webkit-box;
                    display: box;
                    .box-child {
                        -moz-box-flex: 1;
                        -webkit-box-flex: 1;
                        box-flex: 1;
                    }
                    .box01 {
                        width: 50%;
                        background: url('../img/ycwx-child-img01.jpg') no-repeat center / 3.36rem 4.77rem;
                    }
                    .box02 {
                        .wrap {
                            width: 100%;
                            height: 100%;
                        }
                        .title {
                            font-size: 0.24rem;
                            color: #0079de;
                            margin-bottom: 0.2rem;
                        }
                        ul {
                            width: 100%;
                            height: auto;
                            li {
                                width: 100%;
                                height: 0.42rem;
                                line-height: 0.42rem;
                                display: -moz-box;
                                display: -webkit-box;
                                display: box;
                                div {
                                    text-align: center;
                                    -moz-box-flex: 1;
                                    -webkit-box-flex: 1;
                                    box-flex: 1;
                                    color: #707070;
                                    font-size: 0.24rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

//nowPage-----------------------------------------------
.now-page {
    z-index: 3;
    display: none;
    ul {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        li {
            width: 100%;
            height: 100%;
            position: relative;
            .title {
                font-size: 0.44rem;
                text-align: center;
                color: #007ae1;
                padding-bottom: 0.42rem;
            }
            p {
                color: #707070;
                font-size: 0.24rem;
                line-height: 0.42rem;
                span {
                    color: #007ae1;
                }
                .bolds{
                    color: #303030;
                    font-size: 0.26rem;
                    font-weight: bold;
                }
                .red-text{
                    color: red;
                }
                a {
                    display: inline-block;
                    color: #007ae1;
                }
            }
            .close {
                position: absolute;
                background: url('../img/nowpage-close.png') no-repeat center / 0.25rem 0.25rem;
                width: 0.7rem;
                height: 0.7rem;
                top: 0;
                right: 0;
            }
        }
        .child {
            display: none;
            .box {
                position: relative;
                height: auto;
                border-radius: 0.2rem;
                width: 6rem;
                background: #fff;
                .center {
                    width: 96%;
                    padding: 2%;
                }
                .text-cont {
                    border: #eeeeee 0.04rem solid;
                    border-radius: 0.2rem;
                    padding: 0.5rem 0.14rem;
                    height: auto;
                    min-height: 2.8rem;
                }
            }
        }
        .yycy {
            // p {
            //     text-align: center;
            // }
        }
        .child.show {
            display: block;
        }
    }
}

.now-page.show {
    display: block;
}

.ip-page {
    .ip-wrap {
        height: 100%;
        width: 100%;
    }
    p {
        font-size: 0.24rem;
        color: #707070;
        line-height: 0.86rem;
    }
    ul {
        width: 100%;
        height: 100%;
        li {
            width: 100%;
            height: 100%;
                        .cont-title {
                position: relative;
                width: 100%;
                height: 1.19rem;
                .box {
                    width: 2.79rem;
                    height: 100%;
                    background: url('../img/cysj-ip-title.png') no-repeat center / cover;
                    a{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }
    .yycy.child {
        .cont-title{
            margin-top: 0.2rem; 
        }
        // .cont-title {
        //     width: 100%;
        //     height: 0.86rem;
        //     padding: 0.4rem 0 0.1rem 0;
        //     .box {
        //         width: 2.6rem;
        //         height: 0.86rem;
        //         background: #0079de;
        //         color: #fff;
        //         line-height: 0.86rem;
        //         text-align: center;
        //         font-size: 0.3rem;
        //         border-radius: 1.2rem;
        //         margin-bottom: 0.26rem;
        //     }
        // }
        p {
            text-align: center;
        }
        .list-box {
            width: 100%;
            height: calc(~"100% - 1.2rem");
            margin: 0 auto;
            .yycy-swiper {
                height: 100%;
                width: 100%;
                .swiper-slide {
                    width: 6rem;
                    height: auto;
                    margin: 0 auto;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                            .box {
            width: 100%;
            height: auto;
        }
                }
            }
            .img-wrap {
                width: 100%;
                background: no-repeat center / cover;
            }
            .box01 {
                margin-top: 0.26rem;
                .img-wrap {
                    height: 2.47rem;
                    background-image: url('../img/yycy-child-ip01.jpg');
                }
            }
            .box02 {
                .img-wrap {
                    height: 2.61rem;
                    background-image: url('../img/yycy-child-ip02.jpg');
                }
            }
            .box03 {
                .img-wrap {
                    height: 1.76rem;
                    background-image: url('../img/yycy-child-ip03.jpg');
                }
            }
            .box04 {
                height: 5.34rem;
                display: -moz-box;
                display: -webkit-box;
                display: box;
                .draw-box {
                    -moz-box-flex: 1;
                    -webkit-box-flex: 1;
                    box-flex: 1;
                }
                .left {
                    .l01-img-wrap {
                        width: 4.15rem;
                        height: 2.15rem;
                        background-image: url('../img/yycy-child-ip04-left01.jpg');
                    }
                    .l02-img-wrap {
                        width: 4.15rem;
                        height: 0.81rem;
                        background-image: url('../img/yycy-child-ip04-left02.jpg');
                        margin-bottom: 0.02rem;
                    }
                    .l03-img-wrap {
                        width: 4.15rem;
                        height: 0.64rem;
                        background-image: url('../img/yycy-child-ip04-left03.jpg');
                    }
                }
                .right {
                    width: 1.67rem;
                    height: auto;
                    .img-wrap {
                        width: 1.67rem;
                        height: 4.48rem;
                        background-image: url('../img/yycy-child-ip04-right01.jpg');
                    }
                }
            }
            .box05 {
                .img-wrap {
                    height: 0.9rem;
                    background-image: url('../img/yycy-child-ip05.jpg');
                }
            }
            .box06 {
                .img-wrap {
                    height: 2.6rem;
                    background-image: url('../img/yycy-child-ip06.jpg');
                }
            }
            .box07 {
                .img-wrap {
                    height: 3.13rem;
                    background-image: url('../img/yycy-child-ip07.jpg');
                }
            }
            .box08 {
                .img-wrap {
                    height: 2.65rem;
                    background-image: url('../img/yycy-child-ip08.jpg');
                }
                margin-bottom: 3rem;
            }
        }
    }
    .tmcy.child {
        // .cont-title {
        //     width: 100%;
        //     height: 0.86rem;
        //     padding: 0.4rem 0 0.1rem 0;
        //     .box {
        //         width: 2.6rem;
        //         height: 0.86rem;
        //         background: #0079de;
        //         color: #fff;
        //         line-height: 0.86rem;
        //         text-align: center;
        //         font-size: 0.3rem;
        //         border-radius: 1.2rem;
        //     }
        // }
        .cont-title{
            margin-top: 0.2rem; 
        }
        p {
            text-align: center;
        }
        .img-list {
            padding: 0 calc(~"(100% - 6rem) / 2");
            width: 6rem;
            height: auto;
        }
        .list {
            display: -moz-box;
            display: -webkit-box;
            display: box;
            width: 6rem;
            height: 2rem;
            margin-bottom: 0.2rem;
            .imgs {
                -moz-box-flex: 1;
                -webkit-box-flex: 1;
                box-flex: 1;
            }
        }
        .list01 {
            margin-top: 0.2rem;
            .img01 {
                background: url('../img/tmcy-ip-list01.jpg') no-repeat center / 2.90rem 1.99rem;
            }
            .img02 {
                background: url('../img/tmcy-ip-list02.jpg') no-repeat center / 2.90rem 1.99rem;
            }
        }
        .list02 {
            .img01 {
                background: url('../img/tmcy-ip-list03.jpg') no-repeat center / 2.90rem 1.99rem;
            }
            .img02 {
                background: url('../img/tmcy-ip-list04.jpg') no-repeat center / 2.90rem 1.99rem;
            }
        }
        .list03 {
            .img01 {
                background: url('../img/tmcy-ip-list05.jpg') no-repeat center / 1.89rem 1.98rem;
            }
            .img02 {
                background: url('../img/tmcy-ip-list06.jpg') no-repeat center / 1.89rem 1.98rem;
            }
            .img03 {
                background: url('../img/tmcy-ip-list07.jpg') no-repeat center / 1.89rem 1.98rem;
            }
        }
    }
    .cysj.child {
        .ip-wrap {
            padding-top: 0.5rem;
            width: 100%;
            height: calc(~"100% - 0.5rem");
            display: -moz-box;
            display: -webkit-box;
            display: box;
        }
        .left-nav {
            width: 2.2rem;
            height: 9.8rem;
            border-right: 2px solid #dcdcdc;
            ul {
                padding: 0 0.16rem 0 0.24rem;
                width: calc(~"100% - 0.4rem");
                li {
                    width: 100%;
                    height: 0.86rem;
                    margin-bottom: 0.3rem;
                    text-align: center;
                    border-radius: 0.5rem;
                    background-color: #fff;
                    a{
                        display: block;
                        width: 100%;
                        height: 100%;
                        color: #909090;
                    }
                }
                li:nth-child(1) {
                    position: relative;
                    a{
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    .p-child01 {
                        line-height: 0.6rem;
                    }
                    .p-child02 {
                        line-height: 0;
                    }
                }
                li.active {
                    background: #0079de;
                    p {
                        color: #fff;
                        a{
                            color: #fff;
                        }
                    }
                }
                .line {
                    border-top: 1px solid #dcdcdc;
                    background: none;
                    border-radius: 0;
                }
            }
        }
        .right-cont {
            -moz-box-flex: 1;
            -webkit-box-flex: 1;
            box-flex: 1;
            height: 100%;
            .cont-main {
                padding: 0 0.3rem;
                width: calc(~"100% - 0.6rem");
                .name {
                    width: 100%;
                    height: 0.8rem;
                    font-size: 0.34rem;
                    line-height: 0.8rem;
                    color: #0079de;
                    font-weight: bolder;
                    text-align: center;
                }
                .footer-name {
                    text-align: center;
                    font-size: 0.24rem;
                    color: #707070;
                    line-height: 0.46rem;
                }
                .footer-name01{
                    text-align: center;
                    font-size: 0.20rem;
                    color: #707070;
                    line-height: 0.46rem;
                }
                .ip01 {
                    .list {
                        width: 100%;
                        height: 2.16rem;
                        display: -moz-box;
                        display: -webkit-box;
                        display: box;
                        margin-bottom: 0.1rem;
                    }
                    .imgs {
                        -moz-box-flex: 1;
                        -webkit-box-flex: 1;
                        box-flex: 1;
                        background: no-repeat center / 1.44rem 2.16rem;
                    }
                    .list01 {
                        .img01 {
                            background-image: url('../img/cysj-ip01-img01.jpg');
                        }
                        .img02 {
                            background-image: url('../img/cysj-ip01-img02.jpg');
                        }
                        .img03 {
                            background-image: url('../img/cysj-ip01-img03.jpg');
                        }
                    }
                    .list02 {
                        .img01 {
                            background-image: url('../img/cysj-ip01-img04.jpg');
                        }
                        .img02 {
                            background-image: url('../img/cysj-ip01-img05.jpg');
                        }
                        .img03 {
                            background-image: url('../img/cysj-ip01-img06.jpg');
                        }
                    }
                }
                .ip02 {
                    .imgs {
                        width: 100%;
                        height: 6.38rem;
                        background: url('../img/cysj-ip03-img01.jpg') no-repeat center / 4.40rem 6.38rem;
                    }
                    .img-list {
                        width: 100%;
                        height: auto;
                    }
                    .scroll-swiper{
                        height: calc(~"100% - 4rem");
                        .swiper-slide{
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                        }
                        .swiper-scrollbar{
                            right: -0.2rem;
                        }
                    }
                    .list {
                        display: -moz-box;
                        display: -webkit-box;
                        display: box;
                        width: 100%;
                        height: 1.6rem;
                        .img-list {
                            -moz-box-flex: 1;
                            -webkit-box-flex: 1;
                            box-flex: 1;
                        }
                    }
                    .list01 {
                        margin-top: 0.2rem;
                        .img01 {
                            background: url('../img/tmcy-ip-list01.jpg') no-repeat center / 2.90rem*0.76 1.99rem*0.76;
                        }
                        .img02 {
                            background: url('../img/tmcy-ip-list02.jpg') no-repeat center / 2.90rem*0.76 1.99rem*0.76;
                        }
                    }
                    .list02 {
                        .img01 {
                            background: url('../img/tmcy-ip-list03.jpg') no-repeat center / 2.90rem*0.76 1.99rem*0.76;
                        }
                        .img02 {
                            background: url('../img/tmcy-ip-list04.jpg') no-repeat center / 2.90rem*0.76 1.99rem*0.76;
                        }
                    }
                    .list03 {
                        .img01 {
                            background: url('../img/tmcy-ip-list05.jpg') no-repeat center / 1.89rem*0.76 1.98rem*0.76;
                        }
                        .img02 {
                            background: url('../img/tmcy-ip-list06.jpg') no-repeat center / 1.89rem*0.76 1.98rem*0.76;
                        }
                        .img03 {
                            background: url('../img/tmcy-ip-list07.jpg') no-repeat center / 1.89rem*0.76 1.98rem*0.76;
                        }
                    }
                }
                .ip03 {
                    .imgs {
                        width: 100%;
                        height: 6.62rem;
                        background: url('../img/cysj-ip02-img01.jpg') no-repeat center / 4.44rem 6.62rem;
                    }
                }
                .ip04 {
                    .imgs {
                        width: 100%;
                        height: 2.26rem;
                        background: url('../img/cysj-ip04-img01.jpg') no-repeat center / 4.41rem 2.26rem;
                    }
                }
                .ip05 {
                    .imgs {
                        width: 100%;
                        margin-bottom: 0.2rem;
                    }
                    .img01 {
                        height: 1.80rem;
                        background: url('../img/cysj-ip-wzry01.jpg') no-repeat center / cover;
                    }
                    .img02 {
                        height: 2.24rem;
                        background: url('../img/cysj-ip-wzry02.jpg') no-repeat center / cover;
                    }
                    .img03 {
                        height: 2.48rem;
                        background: url('../img/cysj-ip-wzry03.jpg') no-repeat center / cover;
                    }
                }
                .ip06 {
                    p {
                        line-height: 0.42rem;
                        padding: 0 0.16rem;
                    }
                    .author{
                        text-align: center;
                    }
                    .imgs {
                        width: 100%;
                        margin-bottom: 0.1rem;
                    }
                    .img01 {
                        height: 0.98rem;
                        background: url('../img/cysj-ip05-img01.jpg') no-repeat center / 4.42rem 0.98rem;
                    }
                    .img02 {
                        height: 1.21rem;
                        background: url('../img/cysj-ip05-img02.jpg') no-repeat center / 4.41rem 1.21rem;
                    }
                    .img03 {
                        height: 2.93rem;
                        background: url('../img/cysj-ip05-img03.jpg') no-repeat center / 4.39rem 2.93rem;
                    }
                }
                >li {
                    display: none;
                }
                >li.show {
                    display: block;
                }
            }
        }
    }
    .child {
        display: none;
        .tip {
            position: relative;
            font-size: 0.24rem;
            line-height: 0.42rem;
            color: #707070;
            text-align: center;
        }
        .tip:before,
        .tip:after {
            position: absolute;
            content: '';
            top: 50%;
            width: 30%;
            height: 2px;
            background: #eeeeee;
        }
        .tip:before {
            left: 5%;
        }
        .tip:after {
            right: 5%;
        }
    }
    .child.show {
        display: block;
    }
}